@import './base.css';

#app {
  /*max-width: 1280px;*/
  /*margin: 0 auto;*/
  /*padding: 2rem;*/
  /*font-weight: normal;*/
  /*display: flex;*/
  height: 100vh;
  width: 100vw;
}
body {
  /* 全局修改一下el的变量 */
  --el-color-primary: var(--color-primary);
}
::-webkit-scrollbar {
  /* 滚动条整体宽度 */
  width: 3px;
  /* 滚动条整体高度 */
  /*height: 10px;*/
  /*background-color: #F5F5F5;*/
}

::-webkit-scrollbar-track {
  /* 滚动条轨道内阴影和圆角 */
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  border-radius: 10px;
  /*background-color: #F5F5F5;*/
}

::-webkit-scrollbar-thumb {
  /* 滚动条滑块内阴影和圆角 */
  border-radius: 10px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  background-color: var(--color-border);
}
/*a,*/
/*.green {*/
/*  text-decoration: none;*/
/*  color: hsla(160, 100%, 37%, 1);*/
/*  transition: 0.4s;*/
/*  !* padding: 3px; *!*/
/*}*/

/*@media (hover: hover) {*/
/*  a:hover {*/
/*    background-color: hsla(160, 100%, 37%, 0.2);*/
/*  }*/
/*}*/

@media (min-width: 1024px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr;*/
    /*padding: 0 2rem;*/
  }
}
